<template>
  <div>
    <!--tab start-->
    <el-tabs v-model="tabName">
      <el-tab-pane label="组织架构" name="organization">
        <Organization v-if="tabName==='organization'" :tab-name="tabName" />
      </el-tab-pane>
      <!--<el-tab-pane label="成员审批" name="userApprove">-->
      <!--  <UserApprove v-if="tabName==='userApprove'" :tab-name="tabName" />-->
      <!--</el-tab-pane>-->
      <el-tab-pane v-if="$isAuthBtn(['SP_TAB_ROLE'])" label="成员权限" name="userRule">
        <UserRule v-if="tabName==='userRule'" :tab-name="tabName" />
      </el-tab-pane>
    </el-tabs>
    <!--tab end-->
  </div>
</template>

<script>
import Organization from './components/Organization'
// import UserApprove from './components/UserApprove'
import UserRule from './components/UserRule'

export default {
  components: {
    Organization,
    // UserApprove,
    UserRule
  },
  data() {
    return {
      // 配置
      // 状态
      // 数据
      tabName: 'organization'
    }
  },
  computed: {},
  watch: {},
  beforeCreate() {
  },
  created() {
  },
  beforeMount() {
  },
  mounted() {
  },
  beforeUpdate() {
  },
  update() {
  },
  activated() {
  },
  deactivated() {
  },
  beforeDestroy() {
  },
  destroyed() {
  },
  methods: {
    /**
     * 数据组
     */
    /**
     * 按钮组
     */
    /**
     * 状态组
     */
    /**
     * 方法组
     */
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>
